Créer une version d’un site spécialement pour les mobiles ce n’est pas compliqué.
En fait, c’est très simple. En utilisant seulement quelques lignes de code, il est possible de repenser toute l’organisation d’un site Web, et d’offrir un superbe affichage sur les smartphones. Pour cela, on fait appel au viewport, à la balise @media, et surtout à quelques principes d’ergonomie qui vont changer la vie de votre site Web.
Dans ce cas précis, je m’intéresse essentiellement à l’iPhone, car c’est le périphérique mobile le plus répandu aujourd’hui (2011) mais c’est surtout un choix personnel. J’explique étape par étape dans cet article comment j’ai adapté mon site Web à l’iPhone, et comment vous pouvez l’adapter à votre propre usage.
Il y a peu de temps, on m’a demandé au boulot de réaliser une interface graphique entièrement nouvelle pour un outil de suivi interne. Le délai était très court – il s’agissait d’un projet interne non-rémunéré – mais l’interface devait néanmoins s’adapter à l’affichage sur iPhone.